<div id="contenedor" class="container">  
    <div class="row-fluid">
        <ul class="span12 breadcrumb alingCenter">
            <li><b>Historial de ventas de servicios</b></li>
        </ul> 
    </div>
    <div class="row-fluid">  
        <div class="span2 span1-5">Buscar desde:</div>
        <div class="span2">  <div class="input-prepend">
                <span class="add-on"><i class="icon-calendar"></i></span>
                <input type="text" class="datePicker input-small"> 
            </div></div>
        <div class="span1">Hasta</div>
        <div class="span2"><div class="input-prepend">
                <span class="add-on"><i class="icon-calendar"></i></span>
                <input type="text" class="datePicker input-small"> 
            </div>
        </div>
        <div class="span1"><button type="button" class="btn btn-inverse">OK</button></div>
        <div class="span1">Filtrar</div>
        <div class="span2"> <select id="select01" class="span12">  
                <option></option> 
                <option>Pagadas</option>  
                <option>Pendientes</option>  
            </select>
        </div>
        <div class="span1"><button type="button" class="btn btn-inverse">OK</button></div>
    </div>
    <div class="row-fluid">
        <table class="table table-striped">
            <thead>
                <tr>
                    <th>Factura N°</th>
                    <th>Fecha</th>
                    <th>Cliente</th>
                    <th>Total facturado</th>
                    <th>Tipo</th>
                    <th>Reserva N°</th>
                    <th>Estatus</th>
                    <th>Ver la facura</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>11-12-2012</td>
                    <td><a>Luis Ramírez</a></td>
                    <td>$3000</td>
                    <td>Consumo extra</td>
                    <td>1064</td>
                    <td>Pagado</td>
                    <td><button type="button" class="btn btn-mini btn-inverse">Ver más</button> <button type="button" class="btn btn-mini btn-inverse">Modificar</button></td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>11-09-2012</td>
                    <td><a>Luis Montoya</a></td>
                    <td>$7000</td>
                    <td>Consumo extra</td>
                    <td>1065</td>
                    <td>Pendiente</td>
                    <td><button type="button" class="btn btn-mini btn-inverse">Ver más</button> <button type="button" class="btn btn-mini btn-inverse">Modificar</button></td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>11-11-2012</td>
                    <td><a>Andres Pineda</a></td>
                    <td>$5000</td>
                    <td>Consumo extra</td>
                    <td>1066</td>
                    <td>Pagado</td>
                    <td><button type="button" class="btn btn-mini btn-inverse">Ver más</button> <button type="button" class="btn btn-mini btn-inverse">Modificar</button></td>
                </tr>
                <tr>
                    <td>4</td>
                    <td>11-11-2012</td>
                    <td><a>Manules Asprilla</a></td>
                    <td>$9000</td>
                    <td>Consumo extra</td>
                    <td>1067</td>
                    <td>Pagado</td>
                    <td><button type="button" class="btn btn-mini btn-inverse">Ver más</button> <button type="button" class="btn btn-mini btn-inverse">Modificar</button></td>
                </tr>
                <tr>
                    <td>5</td>
                    <td>11-11-2012</td>
                    <td><a>Juan Pérez</a></td>
                    <td>$5000</td>
                    <td>Consumo extra</td>
                    <td>1068</td>
                    <td>Pendiente</td>
                    <td><button type="button" class="btn btn-mini btn-inverse">Ver más</button> <button type="button" class="btn btn-mini btn-inverse">Modificar</button></td>
                </tr>              

            </tbody>
        </table>
    </div>

</div>  
